import { PureComponent } from 'react'
import { Input, Button } from 'antd'
import SingleTable from 'components/table/index'
import styles from './shortMessage.less'
export default class ShortMessage extends PureComponent {
    render(){
        const dataList = []
        const columns = [
        {
            key: 'gmtCreate',
            title: '手机号',
            dataIndex: 'gmtCreate',
            align: 'center',
        },
        {
            key: 'operationTypeName',
            title: '验证码',
            dataIndex: 'operationTypeName',
            align: 'center',
        },
        {
            key: 'creatorName',
            title: '发送时间',
            dataIndex: 'creatorName',
            align: 'center',
        }
        ]
        return(
            <div className={styles.shortMessage}>
                <div className={styles.shortMessageBox}>
                    <h2>短信验证列表</h2>
                </div>
                <div className={styles.shortMessageSearch}>
                    <span className={styles.shortSpan}>手机号：</span>
                    <Input style={{width: '292px'}}/>
                </div>
                <Button type="primary" style={{margin: '0 0 24px 24px'}}>查询</Button>
                <div className={styles.shortMessageTable}>
                   <SingleTable
                    data={{ list: dataList }}
                    columns={columns}
                    
                    />
                </div>
            </div>
        )
    }
}